<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../tatic/css/stu.css" rel="stylesheet">
    <link href="../tatic/css/box.css" rel="stylesheet">
    <link href="../tatic/css/tankan.css" rel="stylesheet">
</head>
<body>

<!--<div>
    <ul class="del">
        <li><a href="#">"href"=#</a></li>
        <li><a href="#">"href"=#</a></li>
        <li><a href="#">"href"=#</a></li>
        <li><a href="#">"href"=#</a></li>
        <li><a href="#">"href"=#</a></li>
        <li><a href="#">"href"=#</a></li>
    </ul>
</div>


<form method="get" action="#">
    <label for="">用户名</label>
    <input type="text">
    <label for="">密码</label>
    <input type="password">
    <label for="">性别</label>
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <label for="">电话</label>
    <input type="text">

    <label>爱好</label>
    <input type="checkbox">学习
    <input type="checkbox">执行

    <label>图片</label>
    <input type="file">

    <select>
        <option value="">awd</option>
        <option value="">wad</option>
        <option value="">aaa</option>
    </select>

    <input type="submit" value="提交">
    <input type="reset" value="重新">
</form>-->
<!--<div class="mater">
    <div class="box1">
        1
    </div>
    <div class="box2">
        2
    </div>
    <div class="box3">
        3
    </div>
</div>-->

<h1>内容</h1>
<div class="photo">
    <h3>弹框标题</h3>
    <p>弹框内容</p>
</div>


<div class="mask">

</div>



</body>
</html>